<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>注册-第三方账号</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.log img {
			width: 100px;
			height: 100px;
		}
		
		.color-1 {
			color: #919191;
		}
		
		.color-2 {
			color: #FC3A2E;
		}
		
		.icon-iconfontyonghu,
		.icon-yanzhengma,
		.icon-yonghuming,
		.icon-yaochi,
		.icon-yaoqing {
			font-size: 22px;
		}
		
		.div-input {
			background: transparent!important;
			color: #555;
			display: inline-block;
			width: 80% !important;
			border: none!important;
			padding-left: 10px!important;
		}
		
		.div-input2 {
			width: 40%!important;
		}
		
		.border-btm {
			border-bottom: 1px solid #bbb;
		}
		
		.div-btn {
			border: 1px solid #ccc;
			background: transparent;
			color: #919191;
			font-size: 12px;
			padding: 2px 7px;
			float: right;
			margin: 7px 10px;
			border-radius: 8px;
		}
		
		.mui-checkbox input[type=checkbox]:checked:before,
		.mui-radio input[type=radio]:checked:before {
			color: #919191;
			font-size: 23px;
			line-height: 28px;
		}
		
		.mui-checkbox.mui-left input[type=checkbox],
		.mui-radio.mui-left input[type=radio] {
			left: 12px;
		}
		
		.mui-checkbox.mui-left label,
		.mui-radio.mui-left label {
			padding-left: 40px;
			font-size: 14px;
		}
		
		.login-Btn button {
			background: linear-gradient(0, #DDDDDD, #FFFFFF)!important;
			box-shadow: 2px 2px 5px #dcdcdc!important;
			line-height: 30px!important;
		}
		
		.btn-verify {
			width: 80px;
		}
		.btn-submit {
			border: none;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="pad-h-md pad-v-md color-1">
		<i class="icon iconfont icon-fanhui x2 mui-action-back"></i>
	</header>
	<!-- 顶部导航 结束 -->

	<!--内容开始-->
	<div class="mui-text-center log mgn-v-lg">
		请补全账号资料
	</div>

	<div class="mgn-h-md">
		<div class="border-btm">
			<i class="iconfont icon-iconfontyonghu color-1"></i>
			<input type="number" name="mobile" class="no-mgn no-pad div-input" placeholder="手机号" />
		</div>
		<div class="border-btm row-verify mui-hidden">
			<i class="iconfont icon-yanzhengma color-1"></i>
			<input type="number" name="verify" class="no-mgn no-pad div-input div-input2" placeholder="验证码" />
			<button class="yanzhengma div-btn btn-verify">获取验证码</button>
		</div>
		<div class="border-btm">
			<i class="iconfont icon-yaochi color-1"></i>
			<input class="no-mgn no-pad div-input" type="password" name="password" placeholder="密码" />
		</div>
		<div class="border-btm mui-hidden">
			<i class="iconfont icon-yonghuming color-1"></i>
			<input class="no-mgn no-pad div-input" type="text" name="username" placeholder="用户名" />
		</div>
		<div class="border-btm mui-hidden">
			<i class="iconfont icon-yaoqing color-1"></i>
			<input class="no-mgn no-pad div-input" type="text" name="invitation" placeholder="邀请码" />
		</div>
	</div>
	<div class="mui-input-row mui-radio mui-left">
		<label>我已阅读并同意<a class="color-2">童星协议</a></label>
		<input name="radio1" type="radio" checked="checked">
	</div>
	<div class="mui-text-center mgn-h-md login-Btn mgn-v-lg">
		<button class="mui-col-xs-12 color-1 btn-submit">注册</button>
	</div>
	<!--内容结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.register.oauth.js"></script>
</body>
</html>